/* CSS Document */

*{ margin:0px; padding:0px;}
a{ text-decoration:none;}
body{ line-height:180%; background:url() center top no-repeat; font-size:13px;}
h3{ padding:5px 0;}

#main{ width:900px; margin:0 auto; background:url(../img/images/bg_s.png); background:url(../img/images/bg_b.png)  no-repeat center center;}
#banner{ height:120px; background:url(../img/images/bg_top.jpg) center center no-repeat;}
.logo{ width:200px; height:80px; float:left; margin:19px 20px; font-weight:bold; font-size:36px; line-height:80px; border:1px black dashed; text-align:center;}
.logo a{ display:block; width:200px; height:80px; color:white;}
.logo a:hover{ background:url(../img/images/bg_s.png); color:#000000;}
#so_bar{ height:35px; background:green;}
#so_bar ul{ list-style-type:none;}
#so_bar ul li{ float:left; width:49%; border:1px dashed white; margin:2px 3px; line-height:30px;}
#content{ height:600px;}
#menu{ float:left; width:220px;}
#menu ul{ list-style-type:none;}
#menu ul li{ width:220px; height:45px; line-height:45px; text-align:center; font-size:16px; color:white; border-bottom:1px dashed #CCCCCC;}
#menu ul li a{ display:block; width:220px; height:45px; color:#FFFFFF;}
#menu ul li a:hover{ background:#FFFFFF; color:#000000; font-weight:bold;}
#menu ul .m1{ background:green;}
#menu ul .m2{ background:green;}
#menu ul .m3{ background:green;}
#menu ul .m4{ background:green;}
#menu ul .m5{ background:green;}
#menu ul .m6{ background:green;}
#menu ul .m7{ background:green;}
#menu ul .m8{ background:green;}

.contact{ margin-top:10px; width:220px;}

#right{ width:670px; float:right;}
#right ul{ list-style-type:none;}
#right ul li{ border:1px green dashed; width:312px; height:182px; float:left; margin:10px; font-size:12px; overflow:auto; line-height:150%;}
#right ul li img{ width:130px; height:180px; padding:3px; float:left;}

.about{ text-indent:24px;}
 


#footer{ height:30px; text-align:center; font-size:12px; padding:20px; background:green;}

